<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>
	<div id="app"></div>
</body>
<script>
	// 1- xhr实例
	const xhr = new XMLHttpRequest();
	xhr.responseType = "json";
	// 2- 准备
	xhr.open("get","/filmList");
	// 3- 发送
	xhr.send();
	// 4- 获取响应体
	xhr.onload = function(){
		// 获取过来的数据是JSON字符串,如果转为对象,有两种方式:
		// 1- 通过JSON.parse
		// console.log(JSON.parse(xhr.response));
		
		// 2- 可以通过xhr.responseType来设置
		// xhr.responseType = "json";
		// console.log(xhr.response);
		
		document.querySelector("#app").innerHTML = xhr.response.map(item=>(`
			<div>
				<h3>${item.nm}</h3>
				<img src="${item.img}" height="200" alt="">
				<hr/>
			</div>
		`)).join("")
	}
</script>
</html>